.swiper-wrap{width:100%;height:7rem;position:relative;z-index:1;overflow:hidden;}
.swiper-wrap img{width:100%;height:100%;}
.goods-ele-main{height:auto;background-color:#FFFFFF;padding:0.5rem 5%;}
.goods-ele-main .goods-title{font-size:0.28rem;}
.goods-ele-main .price{font-size:0.32rem;color:#F93036;margin:0.2rem 0;}
.goods-ele-main .sales-wrap{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;
justify-content:space-between;-webkit-justify-content:space-between;font-size:0.24rem;color:#969696;}

.reviews-main{width:100%;background-color:#FFFFFF;margin-top:0.5rem;overflow:hidden;padding:0 5% 1.7rem;}
.reviews-main .reviews-title{color:#7B7F82;font-size:0.32rem;margin-top:0.5rem;}
.reviews-main .reviews-list{margin-top:0.4rem;}
.reviews-list .userinfo{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.userinfo .head{width:0.6rem;height:0.6rem;margin-right:0.2rem;border-radius:50%;overflow:hidden;}
.userinfo .head img{width:100%;height:100%;}
.userinfo .nickname{width:auto;font-size:0.28rem;}
.reviews-list .reviews-content{font-size:0.28rem;margin:0.2rem 0;}
.reviews-list .reviews-date{width:auto;font-size:0.28rem;color:#7B7F82;}
.reviews-main .reviews-more{width:2.44rem;height:0.56rem;border:1px solid #D50A17;line-height:0.56rem;
text-align:center;font-size:0.28rem;margin:0.5rem auto 0;border-radius:0.1rem;}

.bottom-btn-group{width:100%;height:1.2rem;position:fixed;bottom:0;left:0;z-index:10;display:flex;display:-webkit-flex;}
.bottom-btn-group .btn{height:100%;line-height:1.2rem;text-align:center;flex:1;-webkit-flex:1;font-size:0.36rem;color:#FFFFFF;}
.bottom-btn-group .btn.fav{background-color:#FCB40A;}
.bottom-btn-group .btn.cart{background-color:#CC0004;}

.mask{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0, 0, 0, .3);z-index:11;}
.card-panel{width:100%;height:60%;background-color:#F5F5F9;position:fixed;left:0;bottom:0;z-index:12;
transition:all 0.3s;}
.card-panel.down{transform:translateY(120%);-webkit-transform:translateY(120%);}
.card-panel.up{transform:translateY(0%);-webkit-transform:translateY(0%);}
.card-panel .goods-info{position:relative;height:1.72rem;border-bottom:1px solid #EFEFEF;display:flex;display:-webkit-flex;
align-items:center;-webkit-align-items:center;padding-left:0.2rem;z-index:1;background-color:#FFFFFF;}
.goods-info .goods-img{width:0.8rem;height:0.8rem;margin-right:0.3rem;}
.goods-info .goods-img img{width:100%;height:100%;}
.goods-info .goods-wrap{width:80%;height:auto;position:relative;}
.goods-wrap .goods-title{height:0.7rem;font-size:0.24rem;overflow:hidden;}
.goods-wrap .price{color:#F93036;font-size:0.24rem;}
.goods-wrap .goods-code{color:#888888;font-size:0.24rem;position:absolute;right:0;bottom:0;z-index:1;}
.card-panel .close-panel-wrap{width:0.6rem;height:1.2rem;position:absolute;right:-0.2rem;top:-1rem;z-index:2;}
.close-panel-wrap .line{width:1px;height:0.72rem;background-color:#FFFFFF;position:absolute;left:0.05rem;
bottom:0.05rem;z-index:1;}
.close-panel-wrap .close{width:0.4rem;height:0.4rem;background:url('../../images/home/goods/x.png') no-repeat;
background-size:100%;background-position:center;position:absolute;left:-0.14rem;top:0.1rem;z-index:1;}
.close-panel-wrap .spot{width:0.1rem;height:0.1rem;border-radius:50%;background-color:#000000;position:absolute;
bottom:0;left:0.01rem;z-index:2;}

.card-panel .attr-wrap{width:auto;max-height:3.5rem;background-color:#FFFFFF;padding:0.2rem 0 0 0.2rem;overflow-y:scroll;
-webkit-overflow-scrolling:touch;}
.attr-wrap .attr-list{width:100%;height:auto}
.attr-wrap .attr-list .attr-name{width:auto;font-size:0.32rem;}
.attr-wrap .attr-list .val-wrap{width:auto;margin-top:0.2rem;display:flex;display:-webkit-flex;
flex-wrap:wrap;flex-wrap:-webkit-wrap;}
.attr-list .val-wrap .val{background-color:#EFEFEF;font-size:0.32rem;padding:0.1rem 0.2rem;
border-radius:0.1rem;margin:0 0.17rem 0.17rem 0;}
.attr-list .val-wrap .val.active{color:#FFFFFF;background-color:#FDA208;}

.card-panel .amount-wrap{width:auto;height:0.64rem;padding:0.2rem 0 0.3rem 0.2rem;display:flex;display:-webkit-flex;
justify-content:space-between;-webkit-justify-content:space-between;background-color:#FFFFFF;}
.amount-wrap .amount-name{width:auto;font-size:0.32rem;}
.amount-wrap .amount-input-wrap{width:2.04rem;height:0.64rem;border:1px solid #000000;margin-right:0.2rem;
border-radius:0.08rem;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.amount-input-wrap .btn{width:0.6rem;height:0.4rem;line-height:0.4rem;text-align:center;font-size:0.32rem;}
.amount-input-wrap .btn.active{color:#B5B5B5;}
.amount-input-wrap .dec{border-right:1px solid #000000;}
.amount-input-wrap .amount-input{width:0.76rem;height:100%;}
.amount-input-wrap .amount-input input{width:100%;height:90%;text-align:center;}
.amount-input-wrap .inc{border-left:1px solid #000000;}
.card-panel .sure-btn{width:100%;height:0.8rem;line-height:0.8rem;text-align:center;position:absolute;
bottom:0;left:0;z-index:1;color:#FFFFFF;font-size:0.32rem;background-color:#CF0005;}
